調査レポート (宮島潮汐サイト開発関連)

訪問サイト数：489件

2025年5月13日から5月18日までの期間は、主に「宮島の天気・潮汐情報を表示するサイト」の開発に注力しました。具体的には、関連するAPIの調査と比較検討、フロントエンド技術（Svelte, UnoCSS）の学習と実装、デプロイ方法の検討、および開発中の問題解決のための情報収集が中心となりました。

🛠️ 宮島潮汐情報サイト開発のための技術調査・実装

• フロントエンド開発:
  • フレームワーク: Svelte, SvelteKit
  • CSSソリューション: UnoCSS, daisyUI
  • UIコンポーネントの実装と調整
• API連携:
  • 潮汐情報API: 気象庁提供データ、WorldTides API、その他国内外の潮汐情報提供サービスの調査と比較
  • 気象情報API: OpenWeatherMap API, WeatherAPI.com, Open-Meteo APIなどの仕様確認、料金体系比較、TypeScript対応状況の調査
  • その他関連API: Sunrise-Sunset API (日の出・日の入り時刻取得)
  • JSONデータの解析と整形、アプリケーション内での利用方法の検討
  • CORS (Cross-Origin Resource Sharing) エラーの発生原因と解決策の調査
• デプロイとインフラ:
  • ホスティング先: GitHub Pages, Netlify, Cloudflare Pages の利用方法、設定、デプロイ手順の調査
  • ビルドプロセスの確認とエラーシューティング (例: Error: 404 /data does not begin with \base``)
• 開発環境とデバッグ:
  • iPad Safariにおける表示確認とデバッグ方法 (開発者ツールの利用、キャッシュクリア)
  • Faviconの設定とブラウザでの更新確認
  • Gitを利用したバージョン管理とコミット履歴の確認 (例: noy4/miyajima-tide リポジトリ)
• 関連技術・知識:
  • HTML, CSS, JavaScript, TypeScript の基礎知識の再確認
  • SQLiteを利用したローカルでのデータ管理の可能性検討
  • Webサイトの全画面表示方法 (特にiPad Chrome/Safari)
  • 画像の透過処理やリサイズ方法 (サイト内での利用を想定)

🏝️ 宮島関連の情報収集

• 宮島の天気予報、年間潮汐表、潮見表の見方
• 厳島神社の大鳥居や周辺の地理情報
• 日の出・日の入り時刻の確認方法
• 宮島へのアクセス情報（フェリー時刻表など）

💡 その他関連調査

• 開発効率化のためのツール調査 (例: figma to website)
• 英語での技術用語や表現の確認 (例: "tide", "sunrise", "sunset")

---

上記以外にも、一般的な情報収集やツールの試用など、489件のサイト訪問履歴がありましたが、本レポートでは宮島潮汐サイト開発に直接関連する調査項目を中心にまとめています。